<%@page import="java.io.IOException"%>
<%@page import="java.io.FileWriter"%>
<%@page import="java.sql.Date"%>
<%@page import="java.io.InputStream"%>
<%@page import="java.util.Properties"%>
<%@page import="java.util.List"%>
<%@page import="capaLogica.Calendario"%>
<%@page import="java.io.File"%>
<%@page import="capaLogica.Evento"%>
<%@page import="capaLogica.EventoBO"%>
<%@page import="utiles.FuncionesImpl"%>
<%@page import="capaLogica.Usuario"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/calendario.js" type="text/javascript"></script>
<script type="text/javascript">

	function asociarEvento(idEvento){
		document.location.href="evento?accion=asociarseEvento&idEvento="+idEvento;
	}
	
</script>
<%
	Usuario usuario = (Usuario)session.getAttribute("usuario");
	List<Evento> listaE = (List<Evento>)request.getAttribute("listaEvento");
%>
<style type="text/css">
.menup {
 	font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:#FFFFFF;
  		float:left;	
  		width:100%;
  		border-bottom:2px solid #FF8000
  	}
 	.menup ul {
  		list-style:none;
 		margin:0px;
 		padding:5px 10px 0
 	}
 	.menup li {
 		display:inline
 	}
 	 	.menup a {
 		background:url(imagenes/pe_der.gif) no-repeat right top;
 		float:left;
 		margin:0 1px 0 0;
 		padding:0px;
 		color:#000000;
 		text-decoration:none
 	}	
 	.menup a span {
 		background:url(imagenes/pe_izq.gif) no-repeat left top;
 		display:block;
 		padding:5px 15px
 	}
 	.menup a:hover {
 		background-position:100% -75px
 	}	
 	.menup a:hover span {
 		background-position:0% -75px;
 		color:#000000
 	}	
 	.menup li.current a {
 		position:relative;
 		top:2px
 	}	
 	.menup li.current a span {
 		color:#000000
 	}
</style>
<style type="text/css">
		table.linea{
		border-style: solid;
		border-width: 1px;
		border-color: #FF8000;
		}
	</style>
<link href="css/calendario.css" rel="stylesheet" type="text/css"
	media="all" />
<title>Tu Calendario - DeBolo</title>
</head>
<body>
<form id="formulario" name="formulario" action="" method="post">
<table width="100%">
	<tr>
		<td width="10%" align="left">
			<img src="imagenes/logo.png">
		</td>
		<td align="left" width="70%">
			<font size="5"><strong>Bienvenidos a DeBolo</strong></font>
		</td>
		<td align="left" width="20%">
			<font size="3"><strong>Bienvenido <%=usuario.getNick()%>, <a href="usuario?accion=logout">Salir</a></strong></font>
		</td>
	</tr>
</table>
<div class="menup">
      <ul>
			<li><a href="noticia?accion=listarNoticias"><span>Noticias</span></a></li>
          	<li><a href="usuario?accion=pestanaPerfilNoEditable"><span>Perfil</span></a></li>
          	<li><a href="mensajes?accion=listarMensajesRecibidos"><span>Mensajes</span></a></li>
          	<li class="current"><a href="evento?accion=verCalendario"><span>Mis Eventos</span></a></li>
          	<li><a href="busqueda?accion=paginaBusqueda"><span>Busqueda</span></a></li>
          	<li><a href="usuario?accion=listarFavoritos"><span>Mis Favoritos</span></a></li>
      </ul>
  </div>
<div style="clear:both"></div>
</br>
<table align="center" class="linea">
	<tr>
		<td colspan="4" width="100%" align="center">
			<font size="5"><strong>Lista de Eventos</strong></font>
		</td>
	</tr>
	<%if ( !listaE.isEmpty() ){
		for ( Evento e : listaE){%>
		
			<tr>
				<td width="70%" align="left">
					<strong><%=FuncionesImpl.formateoFecha(e.getFechaEvento())%></strong> - <%=e.getDescripcion()%> - <%=e.getDireccion()%> - <%=e.getHora() %>
				</td>
				<td width="10%" align="right">
					<!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox addthis_default_style ">
						<a class="addthis_button_preferred_1"></a>
						<a class="addthis_button_preferred_2"></a>
						<a class="addthis_button_preferred_3"></a>
						</div>
						<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e1180db6b7cce62"></script>
						<!-- AddThis Button END -->
				</td>
				<td width="10%" align="right">
					<input type="button" id="asociarseEvento" name="asociarseEvento" value="Apuntate" onclick="javascript:asociarEvento('<%=e.getIdEvento() %>');">
				</td>
			</tr>
	<% 	}
		}else{
	%>
				<tr>
							<td colspan="4" width="10%" align="left">
								<strong>No tiene eventos este perfil</strong>
							</td>
				</tr>
	<%} %>
</table>
</form>
</body>
</html>